﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>塔城地区公共就业信息有务网_单位招聘</title>
<link href="common/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="common/css/reset.css" />
<script type="text/javascript" src="js/xsutil.js"></script>
<link href="common/css/pageCode.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript" src="js/jquery.page.js"></script>
<script type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">
	$(function(){
		
		//分页插件
		$(".tcdPageCode").createPage({
			pageCount:6,  //总页数
			current:1,    //当前页
			backFn:function(p){
				//alert(p);
				console.log(p);
			}
		});
		
		
		//页面初始化接受搜索条件
        var path=decodeURI(window.location.search); //?gzdd="+gzdd+"&gwmc="+gwmc+"&xlyq="+xlyq+"&dwmc="+dwmc+"&createTime="+createTime;
        if(path!=""){
            var paths=path.split("&");
            $("#sgzdd").val(paths[0].split("=")[1]);
            $("#sgwmc").val(paths[1].split("=")[1]);
            $("#sxlyq").val(paths[2].split("=")[1]);
            $("#sdwmc").val(paths[3].split("=")[1]);
            $("#screateTime").val(paths[4].split("=")[1]);
        }
		
        //初始化数据
        showData($("#sgzdd").val(),$("#sgwmc").val(),$("#sxlyq").val(),$("#sdwmc").val(),$("#screateTime").val());
		
		//本页搜索按钮
		$("#gwsearch").click(function () {
            showData(1,$("#sgzdd").val(),$("#sgwmc").val(),$("#sxlyq").val(),$("#sdwmc").val(),$("#screateTime").val());
        });
		
		
	});

    function showData(a,sgzdd,sgwmc,sxlyq,sdwmc,screateTime) {
        $.ajax({
            url:"getRecruitGo",
            dataType:"json",
            type:"post",
            async:false,
            data:{
                gzdd:sgzdd,
                gwmc:sgwmc,
                xlyq:sxlyq,
                dwmc:sdwmc,
                createTime:screateTime
            },
            success:function (recruitList) {
                $("#recruit").empty();
                $("#recruit").append("<tr id=\"tr\">\n" +
                    "<th align=\"left\">职位名称</th>\n" +
                    "<th align=\"left\">公司名称</th>\n" +
                    "<th align=\"left\">招聘人数</th>\n" +
                    "<th align=\"left\">工作地点</th>\n" +
                    "</tr>");
                $.each(recruitList,function (key,recruit) {
                    var str="<tr id='tr"+recruit.id+"' onmousemove='show("+recruit.id+")' onClick='openDiv("+recruit.id+")'>\n" +
                        "<td>"+recruit.gwmc+"</td>" +
                        "<td>"+recruit.dwmc+"</td>" +
                        "<td>"+recruit.zprs+"</td>" +
                        "<td align='center'>"+recruit.gzdd+"</td>" +
                        "</tr>";
                    $("#recruit").append(str);
                });
            }
        });
    }
</script>
</head>



<body>
<div class="ban"></div>

<div class="nav">
	<ul>
    	<li><a href="index.html">首　页</a></li>
    	<li><a href="web_grqz.html" >个人求职</a></li>
    	<li><a href="web_dwzp.html" >单位招聘</a></li>
    	<li><a href="web_zph.html" >招聘会</a></li>
    	<li><a href="web_article_list.html?menuName=办事指南&menuType=5" >办事指南</a></li>
    	<li><a href="web_article_list.html?menuName=就业指导&menuType=5" >就业指导</a></li>
    	<li><a href="web_article_list.html?menuName=下载中心&menuType=5" >下载中心</a></li>
    </ul>
</div>

<div class="main_bg"></div>

<!--单位招聘-->
<div class="grqz mb">
    <div class="title t5"><a href="dwzp.html" title="单位招聘">单位招聘</a></div>
    
    <div class="qzzp_nr">
        <div class="fl w665 ">
            <div class="qzzp_nr_ul_tit"><strong>岗位信息</strong></div>
            
            <table border="0" cellspacing="0" cellpadding="0" class="tab-grqz" id="recruit">
              <tr id="tr">
                <th align="left">职位名称</th>
                <th align="left">公司名称</th>
				<th align="left">招聘人数</th>
                <th align="left">工作地点</th>
              </tr>
			  <tr  id="tr1" onmousemove="show(1)" onClick="openDiv(1)">
				<td>副总工程师</td>
				<td>润地房地产开发有限公司</td>
				<td>1</td>
				<td align="center">和平街道</td>
			  </tr>
              <tr  id="tr2" onmousemove="show(2)" onClick="openDiv(2)">
				<td>副总工程师</td>
				<td>润地房地产开发有限公司</td>
				<td>1</td>
				<td align="center">和平街道</td>
			  </tr>
              <tr  id="tr3" onmousemove="show(3)" onClick="openDiv(3)">
				<td>副总工程师</td>
				<td>润地房地产开发有限公司</td>
				<td>1</td>
				<td align="center">和平街道</td>
			  </tr>
			  <tr  id="tr4" onmousemove="show(4)" onClick="openDiv(4)">
				<td>副总工程师</td>
				<td>润地房地产开发有限公司</td>
				<td>1</td>
				<td align="center">和平街道</td>
			  </tr>
            </table>
			<div id="divInfo" style="visibility:hidden;font: 12px/1.5 Tahoma,Helvetica,Arial,‘宋体‘,sans-serif;"></div>
			<table border="0" cellspacing="0" cellpadding="0" class="num" >
			  <tr>
				<td>
				  <!--<div class="list_page"><p><a href="#"><img src="images/list_pape_left.gif" /></a><span>1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#"><img src="images/list_pape_right1.jpg" /></a><a href="#"><img src="images/list_pape_top.jpg" /></a></p></div>-->
				  <div class="tcdPageCode"></div>
				</td>
			  </tr>
			</table>
		</div>
       
        <div class="gwss">
        	<div class="gwssbt">
                <ul>
                  <li><a href="#" id="hlgk1" onMouseOver="hlgk('cone_','hlgk',1,2)" class="hover">招聘搜索</a></li>
                </ul>
                <span><a href="#"><img src="images/new_more.jpg" /></a></span>
          	</div>
            
            <div class="gwss_nr" id="cone_hlgk_1">
                <table border="0" align="center" cellpadding="0" cellspacing="0" class="gwss-tab">
                    <tr>
                    <td width="68" >地　点</td>
                    <td width="212" align="right" >
                      <input id="sgzdd"/>
                    </td>
                    </tr>
                    <tr>
                    <td >行　业</td>
                    <td align="right" ><input id="sgwmc"/></td>
                    </tr>
                    <tr>
                    <td >学　历</td>
                    <td align="right" ><input id="sxlyq"/></td>
                    </tr>
                    <tr>
                    <td >公　司</td>
                    <td align="right" ><input id="sdwmc"/></td>
                    </tr>
                    <tr>
                    <td >日　期</td>
                    <td align="right" ><input id="screateTime" onclick="WdatePicker()" class="ipu Wdate"/></td>
                    </tr>
                    <tr>
                    <td colspan="2" align="center"><img src="images/cx.gif" id="gwsearch" width="109" height="24" /></td>
                  </tr>
                </table>
            </div>
        </div>
    </div>
</div> 

<!--显示详情-->
<div id="grjl-tab">
    	<div id="divSCA" class="divlist" name="divlist">
            <div class="xx-tit"><strong>招聘信息</strong><span><input type="button" value="" onClick="closeDiv()" class="gbbut"></span></div>
            
            <div class="xqtit"><strong>招聘信息</strong></div>
            <table border="0" cellspacing="0" cellpadding="0" class="xx-tab">
              <tr>
                <td bgcolor="#f6f6f6"><label>单位：</label></td>
                <td id="dwmc">润地房地产</td>
                <td bgcolor="#f6f6f6"><label>岗位：</label></td>
                <td id="gwmc">开发</td>
                <td bgcolor="#f6f6f6"><label>招聘人数：</label></td>
                <td id="zprs">3</td>
              </tr>
              <tr>
                <td bgcolor="#f6f6f6"><label>学历要求：</label></td>
                <td id="xlyq">本科以上</td>
                <td bgcolor="#f6f6f6"><label>工作地点：</label></td>
                <td id="gzdd">北京</td>
                <td bgcolor="#f6f6f6"><label>薪资范围：</label></td>
                <td id="xzfw">1000~5000</td>
              </tr>
            </table>
            
            <div class="xqtit"><strong>招聘详情</strong></div>
            <div class="w952" id="recruitInfo"></div>

			<input type="button" value="关   闭" onClick="closeDiv()" class="close">
            
        </div>
</div>
<div class="foot"  >
<ul>
  相关网站导航：<select name="menu1" onchange="MM_jumpMenu('parent',this,0)" style="margin-left:20px;display:inline;">
      <option>-- 自  治 区 政 府 部 门 --</option>
    </select> 
    <select name="menu2" onchange="MM_jumpMenu('parent',this,0)" style="margin-left:20px;display:inline;">
      <option>-- 地 州 网  站 --</option>
    </select>
        <select name="menu3" onchange="MM_jumpMenu('parent',this,0)" style="margin-left:20px;display:inline;">
          <option>--主 要  新 闻  媒  体 --</option>
        </select>
        <select name="menu4" onchange="MM_jumpMenu('parent',this,0)" style="margin-left:20px;display:inline;">
          <option>-- 主 要 门 户 及 合 作 网 站 --</option>
        </select>
  </ul>

<p>主办单位：塔城地区人力资源和社会保障局<br /> 
技术支持：塔城地区人力资源和社会保障局信息化办公室<br /> 
</p>
</div>

<script type="text/javascript">

	
	function openDiv(recruitId) {
		//使用ajax 查询岗位信息
        $.ajax({
            url:"getRecruitById",
            dataType:"json",
            type:"post",
            data:{
                id:recruitId
            },
            success:function (recruit) {
                $("#dwmc").html(recruit.dwmc);
                $("#gwmc").html(recruit.gwmc);
                $("#zprs").html(recruit.zprs);
                $("#xlyq").html(recruit.xlyq);
                $("#xzfw").html(recruit.min+"~"+recruit.max);
                $("#gzdd").html(recruit.gzdd);
                var arr=recruit.recruitInfo.split("\r\n");
                var recruitInfo="";
                $.each(arr,function (key,value) {
                    recruitInfo+="<p>"+value+"</p>";
                });
                $("#recruitInfo").html(recruitInfo);
            }
        });
		
	    $("#grjl-tab").css({display:"block"});
		$("#divSCA").css({display:"block"});
		$("body").attr("scroll", "no");
        $("html").css("overflow", "hidden");
        jrxs();
    }

	function closeDiv() {
		$("#grjl-tab").css({display:"none"});
		$("#divSCA").css({display:"none"});
		$("body").attr("scroll", "yes");
        $("html").css("overflow", "auto");
	}
	
	function show(id){
		$("#tr"+id).css("background","#CCCCCC").css("font-size","13px").css("font-weight","bold").siblings().css("background","white").css("font-size","12px").css("font-weight","normal");
		$("#tr").css("background","url(images/zpb_tit.gif)");
	}

	$(function(){
	$("div.dlbt1 ul li").mouseover(function(){
	$(this).addClass("selected").siblings().removeClass("selected");
	var index=$("div.dlbt1 ul li").index(this);
	$("div.tabnr1>div").eq(index).show().siblings().hide();
	})
	
	
})
</script>
</body>
</html>
